$baseCls: panel;

.#{$baseCls} {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  justify-content: space-between;

  &.info {
    background: rgba(22, 142, 249, 0.1);
    border: none;
  }

  &.action {
    background: rgba(254, 44, 85, 0.03);
    border: 1px solid rgba(52, 50, 43, 0.12);
  }

  &-left {
    flex-grow: 1;
  }

  &-right {
    display: flex;
    width: 72px;
    height: 36px;
    padding: 7.5px 12px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
  }
}
